<template>
  <div id="app">
    <header>
      <router-link to="/page1">Page 1</router-link>
      <router-link to="/page2">Page 2</router-link>
    </header>
    <main>
      <router-view></router-view>
    </main>
  </div>
</template>

<style>

header {
  padding: 1em;
  background-color: #f8f9fa;
}

header a {
  margin: 0 0.5em;
  color: #333;
  text-decoration: none;
}

main {
  padding: 1em;
  min-width: 300px;
}
</style>
<script setup lang="ts">
</script>